<!--首页-功能模块-->
<template>
  <div class="cell bg2" @click="cellClick()">
      
    <div class="row acenter">
      <text :class="['font40', 'width240', Config.upDownFont(item.expectedAnnual)]">{{'+'+item.expectedAnnual+'%'}}</text>

      <div class="width10"></div>
      <text class="font32 text2 text max-width270">{{T(item.strategyName)}}</text>

      <div class="code bg4">
        <text class="font20 text2">{{item.strategyCode}}</text>
      </div>
      <div class="all"></div>
    </div>

    <div class="height10"></div>
    <div class="row acenter">
      <text class="font24 text3 width240">{{T('年化收益率')}}</text>
      
      <div class="width10"></div>
      <text class="font24 text3 text all">{{T(item.describe)}}</text>
    </div>
  </div>
</template>

<style src="@/_css/style.css" ></style>
<style scoped>
.cell {
  justify-content: center;

  height: 200px;
  border-radius: 24px;
  
  padding-left: 40px;
  padding-right: 40px;
}
.code {
  justify-content: center;
  height: 32px;
  border-radius: 6px;
  padding-left: 8px;
  padding-right: 8px;

  margin-left: 10px;
}
.text {
  lines: 1;
  text-overflow: ellipsis;
}
.width240 {
  width: 240px;
}
.max-width270 {
  max-width: 270px;
}
</style>

<script>
import jconfig from "@/_js/config";

import I18N from "@/_i18n/i18n";
var T = I18N.t;

export default {
  
  props:{
    item:{
      type:Object,
      default:undefined,
    },
  },
  
  data() {
    return {
      Config:jconfig,
      T:T,
    };
  },

  created() {
  },

  methods: {
    /********************************** 点击触发*/
    //菜单点击
    cellClick(){
      this.$emit("click", this.item);
    }
  }
}
</script>

